<template>
	<view class="kefu" :style="'height:'+height">
		<!-- 使用 iframe 嵌入客服页面 -->
		<iframe :height="iframeHeight" :width="width" :src="baseUrl" frameborder="0"
			style="border:none; overflow:hidden;"></iframe>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				height: '100vh', // 默认高度
				width: '100%', // 默认宽度
				baseUrl: 'https://web.sunsk.top/chat.html',
				navbarHeight: 44 ,// 假设导航栏高度为44px，可以根据实际情况调整
				info:{}
			};
		},
		computed: {
			iframeSrc() {
				// 拼接带有用户 ID 的 URL
				return `${this.baseUrl}&user_id=${this.userId}`;
			},
			iframeHeight() {
				// 减去导航栏高度
				return `calc(100vh - ${this.navbarHeight}px)`;
			}
		},
		onLoad(e) {
			const res = uni.getSystemInfoSync();
			this.width = `${res.windowWidth}px`;
			this.height = `${res.windowHeight}px`;
			// if(e.type){
			// 	this.baseUrl ='https://web.sunsk.top/chat.html'
			// }else{
			// 	this.getUser()
			// }
		},
		methods:{
			// getUser() {
			// 	let params = {
			
			// 	}
			// 	this.$Request({
			// 		method: 'POST',
			// 		url: '/api/Personal/myIndex',
			// 		data: params
			// 	}).then(res => {
			// 		if (res.code == 1) {
			// 			this.info = res.data.user
			// 			this.baseUrl = 'https://web.sunsk.top/index/index/home?visiter_name=' + this.info.kefu_mobile +' '+ this.info.username+'&visiter_id='+ this.info.guid+'&avatar='+this.info.u_img+'&business_id=1'+'&groupid=0'
			// 			console.log(this.baseUrl)
			// 		} else {
			// 			uni.showToast({
			// 				title: res.msg,
			// 				icon: 'none'
			// 			})
			// 		}
			// 	})
			// },
		}
	};
</script>

<style scoped lang="scss">
	.kefu {
		/* 让 iframe 占满整个 view */
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #f5f5f5;
	}

	iframe {
		/* 设置 iframe 的样式，确保无边框且占满父容器 */
		width: 100%;
		height: 100%;
		border: none;
	}
</style>